<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>景区|美食</title>
    <link href="css/index.css" rel="stylesheet" type="text/css" />
    <link href="css/景区美食.css" rel="stylesheet" type="text/css" />
		<script src="js/jquery-3.4.1.min.js"></script>
</head>
<body>
    <div class="header">
        <div class="hbj">田东——芒果之乡</div>
        <!-- 顶部栏右边部分 -->
        <a href="个人界面.html">
            <i class="tx"></i>
        </a>
    </div>
    <div  style="background:url(img/背景2.jpg) no-repeat center center;
	background-size: 100% ;
    background-attachment: fixed;">
    
    <div class="navigation" id="nav">
        <ul>
            <li><a href="index.html">田东简介</a></li>
            <li><a href="历史发展.html">历史发展</a></li>
            <li><a href="景区美食.html">景区|美食</a></li>
            <li><a href="传统风俗.html">传统风俗</a></li>
            <li><a href="元色村.html">元色村</a></li>
            <li><a href="个人界面.html">个人界面</a></li>
            <li><a href="注册.html">注册</a></li>
            <li><a href="登录.html">登录</a></li>
        </ul>
    </div>
    <div class="content">
        <div class="move_up">
            <a href="#nav"><img src="img/返回顶部.png" alt=""></a>
            <a href="#nav"><img src="img/返回顶部.png" alt=""></a>
        </div>
    <div class="scene">
        <div class="TEXT">景区一览</div>
        <ul class="total">
            <li>
                <a href="http://tour.usatour.com.cn/landscape/32/youjianggongnongminzhuzhengfujiuzhi.html" target="_blank">
                    <img src="img/右江工农民主政府旧址.jpg" alt="右江工农民主政府旧址"  title="点击查看详情"/></a>
                <p align="center">右江工农民主政府旧址</p>
            </li>
            <li>
                <a href="http://tour.usatour.com.cn/landscape/113/tiandongshidigongyuan.html" target="_blank">
                    <img src="img/田东湿地公园.jpg" alt="田东湿地公园"  title="点击查看详情"/></a>
                <p align="center">田东湿地公园</p>
            </li>
            <li>
                <a href="http://tour.usatour.com.cn/landscape/105/bubingpendidongxueyizhiqun.html" target="_blank">
                    <img src="img/布兵盆地洞穴遗址群.jpg" alt="布兵盆地洞穴遗址群"  title="点击查看详情"/></a>
                <p align="center">布兵盆地洞穴遗址群</p>
            </li>
            <li>
                <a href="http://tour.usatour.com.cn/landscape/32/hengshanzhai.html" target="_blank">
                    <img src="img/横山寨.jpg" alt="横山寨"  title="点击查看详情"/></a>
                <p align="center">横山寨</p>
            </li>
            <li>
                <a href="http://tour.usatour.com.cn/landscape/32/tianyanglianhuashan.html" target="_blank">
                    <img src="img/莲花山.jpg" alt="莲花山"  title="点击查看详情"/></a>
                <p align="center">莲花山</p>
            </li>
            <li>
                <a href="http://tour.usatour.com.cn/landscape/32/qipantan.html" target="_blank">
                    <img src="img/棋盘滩.jpg" alt="棋盘滩"  title="点击查看详情"/></a>
                <p align="center">棋盘滩</p>
            </li>
            <li>
                <a href="http://tour.usatour.com.cn/landscape/32/longxuhe.html" target="_blank">
                    <img src="img/龙须河.jpg" alt="龙须河"  title="点击查看详情"/></a>
                <p align="center">龙须河</p>
            </li>
            <li>
                <a href="http://tour.usatour.com.cn/landscape/102/huangshaoqianguju.html" target="_blank">
                    <img src="img/黄绍谦故居.jpg" alt="黄绍谦故居"  title="点击查看详情"/></a>
                <p align="center">黄绍谦故居</p>
            </li>
            <li>
                <a href="http://tour.usatour.com.cn/landscape/32/ganyangyandong.html" target="_blank">
                    <img src="img/敢养岩洞.jpg" alt="敢养岩洞"  title="点击查看详情"/></a>
                <p align="center">敢养岩洞</p>
            </li>
        </ul>
    </div>
    <div class="food">
        <div class="TEXT">舌尖上的美食</div>
        <table border="1" class="foodtp"">
            <tr>
                <td rowspan="2" class="T1">
                <a href="http://shop.bytravel.cn/produce/75304E1C99998292/" target="_blank">
                    <img src="img/田东香芒.jpg" alt="田东香芒"  title="点击查看详情"/></a>
                <p align="center">田东香芒</p>
                </td>
                <td class="T2">
                <a href="http://shop.bytravel.cn/produce/4E0391CC9999732A/" target="_blank">
                    <img src="img/七里香猪.jpg" alt="七里香猪"  title="点击查看详情"/></a>
                <p align="center">七里香猪</p>
                </td>
            </tr>
            <tr>
                <td class="T3">
                <a href="http://shop.bytravel.cn/produce3/nabaxiangya.html" target="_blank">
                    <img src="img/田东那拔香鸭.jpg" alt="田东那拔香鸭"  title="点击查看详情"/></a>
                <p align="center">田东那拔香鸭</p>
                </td>
            </tr>
        </table>
        </div>
    </div>
</div>
<div class="footer">
    <div class="xue_Info">
        <br>
        <p>2022-2023-1学期 &nbsp; Web应用开发基础课程设计</p>
        <br>
        <p>梁慧 &nbsp; 202009602022 &nbsp; 数据Q201</p>
    </div>			
</div>
</body>
</html>